/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


// -------------------------
// Main parameters
// -------------------------

@baseUrl:           "../skins";
@baseJqUi:          "../@{baseUrl}/jquery.ui";
@blankImg:          "@{baseUrl}/blank.gif";
@imagesBaseUrl:     "imagescss/";
@baseFont:          'Open Sans', sans-serif;

@img-change-url: @imagesBaseUrl;  // for images of differrnt color theme

@textColor:             #333;
@textColorBlackDark:    #666;
@textColorBlackLight:   #999;
@textColorGrayDark:     #83888d;
@textColorGrayLight:    #b2b2b2;
@textColorRed:          #cc3300;
@textColorGreen:        #6b931f;
@linkColor:             #116d9d;
@bg-default:            #fff;

@defaultButtonTextColor:        #fff;
@grayButtonTextColor:           @textColorBlackDark;
@itemRowButtonTextColor:        @grayButtonTextColor;
@grayButtonTextColorDisable:    @textColorBlackLight;
@tablePadding:                  8px;
@borderColor:                   #D1D1D1;
@hoverTable:                    #e5e5e5;
@activeTable:                   #f2f2f2;
@borderColor2:                  #c7c7c7;
@plusOnGrayBtn:                 #50565c;
@ui-state-highlight: #fefde9;

@greyPhoneButtonTextColor: @textColorBlackDark;
// Top Studio Panel
// -------------------------
@bg-header:         #3d4a6b;
@bg-header-icons:   #344060;
@bg-button-hidden-tabs: rgba(255,255,255,0.2);

@bg-header-icon-lable:    #4ca5d6;

@bodyColor2: white;
@body-color: #FFF;
@bg-dashboard: #FFF;
@bg-container: #FFF;
@menu-selected-bg: #E9E9E9;
@bg-settings-block:#333;
@bg-dashboard-title:#333;
@bg-dropdown-separator: #E4E4E4;
@bg-main-container:#FFF;
@bg-border-base:#d1d1d1;
@bg-tint-medium: #FFF;
@bg-a-activate: #000;
@contentMenu:#FFF;
@pageTitle:#333;
@backdrop-bg: #000;

@buttons-checkbox-on-color: white;
@buttons-chackbox-off-color: white;
@buttons-checkbox-on-bg: #3b72a7;
@buttons-checkbox-off-bg: #aeaeae;
@buttons-checkbox-off-bor: none;
@buttons-checkbox-on-off-color: #cecece;
@buttons-checkbox-on-off-bg: #f0f0f0;

@addition-info: #BFBFBF;
@popup-bg-color:  #FFF8DC;
@popup-helper-col: #333;
@popup-helper-bor: #efede8;
@corner-help-block: #FFF8DC;
@corner-help-block-before: #EDEDED;
@corner-help-block-before-2: #b8b8b8;
@datepick-ui-bg: #ddd;

@back-ground-text: #fff;
@text-edit-calendar: #AFB2B7;
@disabled: #efefef;
@invite-border: #DFDFDF;
@switcher: #F3F3F3;

@user-photo-dialog:#FCFCFC;
@user-photo-dialog-bor: #bfbfbf;

@border-ui-datepicker: #c5c5c5;
@border-ui-datepicker-dark: #fff;
@bg-ui-datepicker-dark: #f6f6f6;
@color-ui-datepicker-dark: #454545;
@menu-selected-bg-filter: #e9e9e9;

.bg-header-icon-lable() {
    background-color: @bg-header-icon-lable;
}

// Left Navigation Menu
// -------------------------

@color-active-item:     @linkColor;
@style-active-item:     normal;
@bg-is-new:       #4ca5d6;
@bg-is-new-hover: #54b2e6;

.bg-is-new () {
    background-color: @bg-is-new;

    &:not(.nohover):hover {
        background-color: @bg-is-new-hover;
    }

    &.nohover{
        cursor:default;
    }
}

.bg-is-new-without-hover () {
    background-color: @bg-is-new;
}

// Buttons style
// -------------------------

@bg-create-new:           #85C80E;
@bg-create-new-hover:     #8FD11A;
@bg-create-new-disable:   #b9dc7b;


.bg-button-create-new () {
    background-color: @bg-create-new;

    &:hover, &:active {
        background-color: @bg-create-new-hover;
    }

    &.disable {
        background-color: @bg-create-new-disable;
    }
}


@bg-button-danger-start:            #e04503;
@bg-button-danger-end:              #b83700;
@bg-button-danger-hover-start:      #f4692e;
@bg-button-danger-hover-end:        #e14706;
@bg-button-danger-active-start:     #ee5f23;
@bg-button-danger-active-end:       #ee672e;
@bg-button-danger-disable-start:    #fd9d74;
@bg-button-danger-disable-end:      #f5895b;

.bg-button-danger () {
    .bg-vertical-gradient(@bg-button-danger-start, @bg-button-danger-end);

    &:hover {
        .bg-vertical-gradient(@bg-button-danger-hover-start, @bg-button-danger-hover-end);
    }

    &:active {
        .bg-vertical-gradient(@bg-button-danger-active-start, @bg-button-danger-active-end);
    }

    &.disable {
        .bg-vertical-gradient(@bg-button-danger-disable-start, @bg-button-danger-disable-end);
    }
}

@bg-button-default:            #ebebeb;
@bg-button-default-hover:      #f5f5f5;
@bg-button-default-active:     #e2e2e2;
@bg-progress-dialog-header:    #e2e2e2;
@bg-button-default-disable:    #f7f7f7;


.bg-button-default () {
    background-color: @bg-button-default;

    &:hover {
        background-color: @bg-button-default-hover;
    }

    &:active {
        background-color: @bg-button-default-active;
    }

    &.disable {
       background-color: @bg-button-default-disable;
    }
}

@bg-button-default-menuAction: #ebebeb;
@bg-button-default-hover-menuAction: #f5f5f5;
@bg-button-default-active-menuAction: #e2e2e2;
@bg-button-default-disable-menuAction: #f7f7f7;

.bg-button-default-menuAction () {
    background-color: @bg-button-default-menuAction;

    &:hover {
        background-color: @bg-button-default-hover-menuAction;
    }

    &:active {
        background-color: @bg-button-default-active-menuAction;
    }

    &.disable {
        background-color: @bg-button-default-disable-menuAction;
    }
}

@bg-button-action:            #4ca5d6;
@bg-button-action-hover:      #54b2e6;
@bg-button-action-active:     #81BFE2;
@bg-button-action-disable:    #CEE9F6;


.bg-button-action () {
    background-color: @bg-button-action;

    &:hover {
         background-color: @bg-button-action-hover;
    }

    &:active {
         background-color: @bg-button-action-active;
    }

    &.disable {
        background-color: @bg-button-action-disable;
    }
}

@bg-button-grey-phone: #ebebeb;
@bg-button-grey-phone-hover: #f5f5f5;
@bg-button-grey-phone-active: #e2e2e2;
@bg-button-grey-phone-disable: #f7f7f7;

.bg-button-grey-phone() {
    background-color: @bg-button-grey-phone;

    &:hover {
        background-color: @bg-button-grey-phone-hover;
    }

    &:active {
        background-color: @bg-button-grey-phone-active;
    }

    &.disable {
        background-color: @bg-button-grey-phone-disable;
    }
}
// Buttons border style
// -------------------------
@border-button-default:         #c4c4c4;
@border-button-default-hover:   #d4d4d4;
@border-button-default-active:  #dadada;
@border-button-default-disable: #ebebeb;
@border-button-default-item-row: @border-button-default;

.border-button-default (){
    .borderButtons(@border-button-default);

    &:hover {
        .borderButtons(@border-button-default-hover);
    }

    &:active {
        .borderButtons(@border-button-default-active);
    }

    &.disable {
       .borderButtons(@border-button-default-disable);
    }
}

@border-button-default-menuAction: #c4c4c4;
@border-button-default-hover-menuAction: #d4d4d4;
@border-button-default-active-menuAction: #dadada;
@border-button-default-disable-menuAction: #ebebeb;

.border-button-default-menuAction () {
    .borderButtons(@border-button-default-menuAction);

    &:hover {
        .borderButtons(@border-button-default-hover-menuAction);
    }

    &:active {
        .borderButtons(@border-button-default-active-menuAction);
    }

    &.disable {
        .borderButtons(@border-button-default-disable-menuAction);
    }
}

// Entity menu colors
// -------------------------
@entity-menu-color        : #cecece;
@entity-menu-active-color : #4ca5d6;


// Adv filter colors
// -------------------------

@advfilter-combobox-btns : #888888;
@advfilter-combobox-bkgd : #fff;
@advfilter-reset-btn     : #CCCCCC;
@advfilter-add-btn-plus  : #50565c;
@advfilter-add-btn-bkgd  : #EBEBEB;

@advfilter-loupe         : #83888d;

@advansed-filter-container-bor: #A5A5A5;
@filter-item-span-title: #333;
@advfilter-color: #333;

@bor-col-adv-fil: #D4E4EC;

//toastr
@toast-container-success-bg: #bcdf7e;
@toast-container-warning-bg: #eeb97b;
@toast-container-error-bg: #ffa98d;
@toast-container-info-bg: #eed27b;

@toast-bg: #030303;
@toast-success: #cae796;
@toast-error: #ffbfaa;
@toast-info: #f1da92;
@toast-warning: #f1ca92;

@toast-bg-bor: none;
@toast-success-bor: none;
@toast-error-bor: none;
@toast-info-bor: none;
@toast-warning-bor: none;

@toast-success-hover: none;
@toast-error-hover: none;
@toast-info-hover: none;
@toast-warning-hover: none;

@toast-bg-color: #000;
@toast-success-color: #000;
@toast-error-color: #000;
@toast-info-color: #000;
@toast-warning-color: #000;

@toast-success-color-hover: #000;
@toast-error-color-hover: #000;
@toast-info-color-hover: #000;
@toast-warning-color-hover: #000;

@active-color-button-group: #999999;
@active-color-bg-button-group: #999999;
// Beta label
//--------------------------
@beta-background: #E6E6E6;
@beta-text: #83888D;

@checkboxes-img: "checkboxes.png";
@hmenu-selected-img: "hmenu-selected.png";

@border-line-profile: #d1d1d1;

@menu-item-svg: #83888d;


@checkbox-accent-color: auto;
@checkbox-color-sheme: light;

@corner-img: "corner.png";
@jquery-custom-color: #1A6DB3;
@jquery-icons-light: "ui-icons_444444_256x240.png";
@jquery-icons-light-hover: "ui-icons_555555_256x240.png";
@sort-down: #212121;
@sort-down-gray: #83888C;
@tl-combobox-container-hover: #e9e9e9;

@help-center-notelist-bg: #EFEFEF;
@help-center-notelist-color: #808080;
@help-center-content-a-col: #3D4A6B;
@asc-datepicker-bg: "ui-bg_flat_100_ffffff_40x100.png";
@button-span-default-color: #666666;

@loader-gif-32: "loader_32.gif";
@loader-gif-16: "loader_16.gif";
@loader-gif-48: "loader_48.gif";
@loader-managament-16: "loader_16.gif";
@on-off-on-button-before-bg: #3b72a7;
@on-off-on-button-after-bg: #f0f0f0;
@on-off-on-button-after-bor: #cecece;

@on-off-off-button-before-bg: #aeaeae;
@on-off-off-button-before-color: white;
@on-off-off-button-before-bor: none;
@studio-top-panel-svg: #CFD9E3;
@product-menu-active-icon: #cfd9e3;
@top-item-box-hover: #fff;
@link-plus-after: #83888d;
@a-link-describe: #646567;
@menu-addblock-color: #83888D;

@info-box-excl-bg: #F5E1A2;
@info-box-excl-bor: none;

@info-box-excl-close: url('@{imagesBaseUrl}close.png');

// Loader style
// -------------------------

//ronb red
@loader-romb-red-col: #de7a59;
@loader-romb-red-col10: #F2CBBF;
@loader-romb-red-col20: #E6E4E4;
@loader-romb-red-col30: #D2D2D2;

//romb green
@loader-romb-green-col: #a1cb5c;
@loader-romb-green-col10: #CBE0AC;
@loader-romb-green-col25: #EFEFEF;
@loader-romb-green-col30: #E6E4E4;

//romb blue
@loader-romb-blue-col: #55bce6;
@loader-romb-blue-col10: #BFE8F8;
@loader-romb-blue-col45: #EFEFEF;

@loader-page-text-color: #888;


@subscription-dscr: #F5F5F5;
@saas-tariffs-line: #D7D7D7;
@subscription-period-bor: #BEBEBE;


@progress-wrapper: #d1d1d1;
@textEditCalendarDisabled: #666562;
@popupContainerHeaderBlock: #e2e2e2;

@error-popup-col:   #f5e1a2;
@error-popup-bor:   none;
@error-popup-close-col: #9E9C61;
@ui-autocomplete-a-col: black;
@input-disabled-col: #666562;
@okBox-bg: #E5EFD1;
@okBox-col: #74af00;
@okBox-bor: #dddddd;
@notify-panel-info-bg: #f5e1a2;
@notify-panel-error-bg: #ffbfaa;
@notify-panel-succes-bg: #cae796;
@notify-panel-info-bor: none;
@notify-panel-error-bor: none;
@notify-panel-succes-bor: none;
@icon-arrow: "icon_arrow.svg";
@toggle-switcher-bg: #CCCCCC;
@pwdloginTextbox-col: #434341;
@action-panel-context-bg: #767676;
@user-avatar-svg: "user_avatar.svg";
@EmptyDocumentPanel-a: #116d9d;
@emailselector-item-error: #ffbfaa;
@emailselector-item-hover: #83888d;
@jqCron-selector-title-bor: #c1c1c1;
@ldap-color: #FADB8F;
@settings-help-block-p: #787878;
@email-warning: #666668;
@dropdown-items-svg-col: #83888d;
@default-documents-image: "product_logolarge.svg";
@requiredField-col: #c00;
@clearFilterButton: #83888D;
@adv-filter-item-group: #898989;
@adv-filter-container-bor: #1A6DB3;
@pencil-gray: "pencilgray.svg";
@black-text: #000;
@apps-list-bc: none;
@talk-overview-bor-col: #d1d1d1;
@feed-list-bor-col: #d6d6d6;
@advansed-filter-hint-after: #83888D;
@adv-filter-button-bor-col: #c4c4c4;
@feed-svg-bc: #cccccc;
@feedblack-svg-bc: #83888d;
@webkit-scrollbar-thumb: #BFBFBF;
@webkit-scrollbar-track: #F5F5F5;
@place-holder-col: #b2b2b2;
@access-rights-container: #ECECEC;
@border-popup-color: #D1D1D1;
@access-comment: "access_comment.svg";
@access-owner: "access_owner.svg";
@access-full: "access_full.svg";
@access-read: "access_read.svg";
@access-deny: "access_deny.svg";
@access-varies: "access_varies.svg";
@access-review: "access_review.svg";
@access-form: "access_form.svg";
@access-filter: "access_filter.svg";
@trash-svg: "trash.svg";
@group-avatar: "group_avatar.svg";
@social-icons-grey:"social-icons-grey.svg";
@empty-screen-color: #737373;
@drop-down-arrow-col: #666;
@unlock-action-disable: #666;

@toastr-success-container-col: #333;
@toastr-success-container-bg: #cbea95;
@toastr-success-container-bor: none;

@toastr-error-container-col: #333;
@toastr-error-container-bg: #f5e1a2;
@toastr-error-container-bor: none;

@img-toastr: @imagesBaseUrl;

//mediaplayer
@jp-volume-bar-value-bg: #d1d1d1;
@jp-volume-bar-value-span-bg: white;